<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
    		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link href="../../css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../../css/updataClabel.css"/>
	</head>
	<body>
		<!--
        	作者：13616045651@163.com
        	时间：2017-04-01
        	描述：眉页
        -->
		<div class="guideTital">
			<div class="">
				<nav aria-label="...">
					<!--
                      	作者：13616045651@163.com
                      	时间：2017-04-02
                      	描述：回退按钮
                      -->
				  <ul class="pager">
				    <li class="previous"><a href="javascript:history.go(-1);"><span aria-hidden="true">&larr;</span> Older</a></li>
				  </ul>
				</nav>
			</div>
		</div>
		<!--
        	作者：13616045651@163.com
        	时间：2017-04-02
        	描述：客户标签表单
        -->
		<div class="panel panel-default">
			<div class="panel-heading">客户标签信息</div>
			<div class="Clabel">
				<table >
					<tr>
						<td>
							<div id="addLabelBut">
								<div class="col-xs-3">
							    	<input type="text" name="labelC1" class="form-control" placeholder="标签类型" value="偏爱红色">
							    	<textarea name="labelD1" rows="3" cols="30"></textarea>
							  	</div>
							  	<div class="col-xs-3">
							    	<input type="text" name="labelC2" class="form-control" placeholder="标签类型" value="偏爱红色">
							    	<textarea name="labelD2" rows="3" cols="30"></textarea>
							  	</div>
							  	<div class="col-xs-3">
							    	<input type="text" name="labelC3" class="form-control" placeholder="标签类型" value="偏爱红色">
							    	<textarea name="labelD3" rows="3" cols="30"></textarea>
							  	</div>
							  	<div class="col-xs-3">
							    	<input type="text" name="labelC4" class="form-control" placeholder="标签类型" value="偏爱红色">
							    	<textarea name="labelD4" rows="3" cols="30"></textarea>
							  	</div>
							  	<div class="col-xs-3">
							    	<input type="text" name="labelC1" class="form-control" placeholder="标签类型" value="偏爱红色">
							    	<textarea name="labelD1" rows="3" cols="30"></textarea>
							  	</div>
							  	<div class="col-xs-3">
							    	<input type="text" name="labelC1" class="form-control" placeholder="标签类型" value="偏爱红色">
							    	<textarea name="labelD1" rows="3" cols="30"></textarea>
							  	</div>
							  	<div class="col-xs-3">
							    	<input type="text" name="labelC1" class="form-control" placeholder="标签类型" value="偏爱红色">
							    	<textarea name="labelD1" rows="3" cols="30"></textarea>
							  	</div>
							</div>
						</td>
						
					</tr>
					<tr>
						<!--
                        	作者：13616045651@163.com
                        	时间：2017-04-02
                        	描述：点击添加按钮，增加新的标签输入框
                        		点击更新，更新数据
                        -->
						<td class="but">
							<button class="btn btn-default" type="submit" onclick="addLabelInput()">添加</button>
							<button class="btn btn-default" type="submit">更新</button>
						</td>
					</tr>
				</table>
				
			</div>
		</div>
		<!--
        	作者：13616045651@163.com
        	时间：2017-04-01
        	描述：备忘录弹窗，按钮通过data-target，找到模态框，触发显示；触发按钮的onclick在mtop.html页面中备忘录按钮
        -->
		<div class="modalButton">
			<button id="btnM" type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">Large modal</button>
		</div>
		<!--
        	作者：13616045651@163.com
        	时间：2017-04-01
        	描述：模态框
        -->
		<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
		<div class="modal-dialog" role="document">
		    <div class="modal-content">
		      	<div class="modal-header">
		        	<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        	<h4 class="modal-title" id="exampleModalLabel">待办事项登记页</h4>
		      	</div>
		    <div class="modal-body">
		        <form>
		          <div class="form-group">
		            <label for="recipient-name" class="control-label">客户ID：</label>
		            <input type="text" class="form-control" name="Cid">
		          </div>
		          <div class="form-group">
		            <label for="recipient-name" class="control-label">提醒时间：</label>
		            <input type="date" class="form-control" name="warnTime" min="">
		          </div>
		          <div class="form-group">
		            <label for="message-text" class="control-label">具体事项：</label>
		            <textarea rows="4" class="form-control" name="Content"></textarea>
		          </div>
		        </form>
		    </div>
		    <div class="modal-footer">
		        <button type="button" class="btn btn-primary">提交</button>
		    </div>
		</div>
	</body>
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    	<script src="../../js/bootstrap.min.js"></script>
    	<script src="../../js/system.js" type="text/javascript" charset="utf-8"></script>
</html>